﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="_4T.Index" %>

<%@ Register Assembly="PQTPager" Namespace="PQT" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Hệ thống trợ giúp y tế</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Global stylesheets -->
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/form.css" rel="stylesheet" type="text/css" />
    <link href="css/standard.css" rel="stylesheet" type="text/css" />
    <link href="css/custom.css" rel="stylesheet" type="text/css" />
    <link href="css/view.css" rel="stylesheet" type="text/css" />
    <!-- Comment/uncomment one of these files to toggle between fixed and fluid layout -->
    <!--<link href="css/960.gs.css" rel="stylesheet" type="text/css">-->
    <link href="css/960.gs.fluid.css" rel="stylesheet" type="text/css" />
    <!-- Custom styles -->
    <link href="css/simple-lists.css" rel="stylesheet" type="text/css" />
    <link href="css/block-lists.css" rel="stylesheet" type="text/css" />
    <link href="css/planning.css" rel="stylesheet" type="text/css">
    <link href="css/table.css" rel="stylesheet" type="text/css">
    <link href="css/calendars.css" rel="stylesheet" type="text/css">
    <link href="css/wizard.css" rel="stylesheet" type="text/css">
    <link href="css/gallery.css" rel="stylesheet" type="text/css">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="icon" type="image/png" href="favicon-large.png">
    <script src="js/libs/jquery-1.6.3.min.js"></script>
    <!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
    <script src="js/libs/modernizr.custom.min.js"></script>
    <script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
    <script type="text/javascript">
        function clearData(id) {
            var video = document.getElementById("video" + id);
            if (video.tagName == "OBJECT") {
                video.parentNode.style.display = "none";
                video.style.display = "none";
            }
            else {
                video.style.display = "none";
                video.innerHTML = "";
            }

            //document.getElementById("video" + id).style.display = "none";
            document.getElementById("audio" + id).style.display = "none";
            document.getElementById("photo" + id).style.display = "none";
            document.getElementById("desc" + id).style.display = "none";
            document.getElementById("profileDetail" + id).style.display = "none";
        }

        function removePlayer(id) {
            var tmp = "#video" + id;
            var video = "video" + id;
            if ($(tmp).length > 0) {
                jwplayer(video).remove();
            }
        }

        function closePanel(id) {
            document.getElementById("pnlDetail" + id).style.display = "none";
            clearData(id);
        }

    </script>
    <script type="text/javascript">
        function showVideo(id, url) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var video = "video" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(video).style.display = "block";
            setupvideo(video, url);
        }

        function setupvideo(videoid, url) {
            var tmp = "#" + videoid;
            if ($(tmp).length > 0) {
                jwplayer(videoid).setup({
                    width: 600,
                    height: 450,
                    file: url
                });
            }
        }
    </script>
    <script type="text/javascript">
        function showAudio(id, url) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var audio = "audio" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(audio).style.display = "block";
            setupAudio(audio, url);
        }

        function setupAudio(audioid, url) {
            var tmp = "#" + audioid;
            if ($(tmp).length > 0) {
                jwplayer(audioid).setup({
                    width: 600,
                    height: 150,
                    file: url
                });
            }
        }
    </script>
    <script type="text/javascript">
        function showDesc(id, description) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var desc = "desc" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(desc).style.display = "block";
            document.getElementById(desc).textContent = description;
        }
    </script>
    <script type="text/javascript">
        function showProfileDetail(id, description) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var desc = "profileDetail" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(desc).style.display = "block";
            document.getElementById(desc).innerHTML = description;
        }
    </script>
    <script type="text/javascript">
        Array.prototype.clean = function (deleteValue) {
            for (var i = 0; i < this.length; i++) {
                if (this[i] == deleteValue) {
                    this.splice(i, 1);
                    i--;
                }
            }
            return this;
        };
        function showPhoto(id, photoUrl) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var photo = "photo" + id;
            document.getElementById(panel).style.display = "block";
            var photoDetail = document.getElementById(photo);
            photoDetail.style.display = "block";
            photoDetail.innerHTML = "";
            var urls = photoUrl.split(';').clean("");
            if (urls.length > 1) {
                for (var i = 0; i < urls.length; i++) {
                    var imgEle = document.createElement("img");
                    imgEle.src = urls[i];
                    imgEle.setAttribute(style, "display: block;");
                    photoDetail.appendChild(imgEle);
                }
            }
            else {
                var imgEle = document.createElement("img");
                imgEle.src = urls;
                imgEle.style.display = "block";
                photoDetail.appendChild(imgEle);
            }
        }
    </script>
</head>
<body>
    <%--<form id="frm" runat="server">--%>
    <!-- Header -->
    <!-- Server status -->
    <header><div class="container_12">
		
		
		
	</div></header>
    <!-- End server status -->
    <!-- Main nav -->
    <nav id="main-nav">
		<div class="top">
            <span class="company">Quỹ Từ thiện tình thương TP.Hồ Chí Minh - Tổng Đài Từ Thiện Tình Thương: (08) 3910 3946</span>
        </div>
	</nav>
    <!-- End main nav -->
    <!-- Sub nav -->
    <div id="sub-nav">
        <div class="container_12">
            <a href="#" title="Help" class="nav-button"><b>Search</b></a>
            <form id="search-form" name="search-form" method="post" action="SearchResult.aspx">
                <input type="text" style="margin-top: 9px; border-style: none;" name="s" id="s" value="" title="Tìm kiếm" autocomplete="off" />
            </form>
        </div>
    </div>
    <!-- End sub nav -->
    <div id="header-shadow">
    </div>
    <!-- End header -->
    <!-- Content -->
    <form id="frm" runat="server">
        <article class="container_12" style="margin-bottom: 30px;">
    <section class="grid_12" style="width: 98%">
			<div class="block-border">
                <div class="block-content form">
				<div class="block-controls">					
					
					    <cc1:PQTPager ID="PQTPager1" runat="server" FirstPageText='First' 
                            LastPageText='Last' PreviousButtonText="<" NextButtonText=">" 
                            PagerButtonCount="5" PageSize="5" CssClass="controls-buttons cpos_r" 
                            onpageindexchanged="PQTPager1_PageIndexChanged" />
					
					<div class="clear"></div>
				</div>
				<table id="lamtable" class="table sortable profilelist" cellspacing="0" width="100%">
                    <thead style="color:#FFF">
                        <tr>
                            <td style="width: 200px;">
                                <div class="header">HỒ SƠ</div>
                            </td>
                            <td style="width: 200px;">
                                <div class="header">ĐỀ XUẤT</div>
                            </td>
                            <td style="width: 200px;">
                                <div class="header">SƠ TUYỂN</div>
                            </td>
                            <td style="width: 200px;">
                                <div class="header">XÁC MINH</div>
                            </td>
                            <td style="width: 200px;">
                                <div class="header">PHÊ DUYỆT</div>
                            </td>
                            <td style="width: 200px;">
                                <div class="header">THANH TOÁN</div>
                            </td>
                        </tr>
                    </thead>
                  <asp:Repeater ID="rptProfileList" runat="server" 
                        onitemdatabound="rptProfileList_ItemDataBound">
                    <ItemTemplate>
					    <tr>

                        <td style="width: 200px;">
                            <asp:Label runat="server" ID="lblPrefixProfileName"></asp:Label><span style="font-weight:bold"><%#Eval("PatientName") %></span><br />
                            <asp:Label runat="server" ID="lblPrefixProfileID"></asp:Label><span style="font-weight:bold"><%#Eval("ProfileCode") %></span><br />
                            <asp:Label runat="server" ID="lblPrefixProfileStatus"></asp:Label><br />
                            <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="showProfileDetail" Visible="false">Chi tiết</asp:HyperLink>
                        </td>

                        <!-- Đề xuất -->
                        <td style="width: 200px;" runat="server" id="frameContentProposer">
                                <asp:Label runat="server" ID="lblPrefixNameProposer"></asp:Label><br />
                                <asp:Label runat="server" ID="lbProposeTime"></asp:Label><br />
                                <asp:Label ID="lblDescriptionProposer" runat="server" CssClass="rpDescription"></asp:Label>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vProposeDesc" Visible="false"> ...xem thêm.</asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vProposePhoto" Visible="false"><asp:Image runat="server"  ID="thumbnailPhotoProposer"/></asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vProposeAudio" Visible="false"><asp:Image runat="server"  ID="thumbnailAudioProposer"/></asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vProposeVideo" Visible="false"><asp:Image runat="server"  ID="thumbnailVideoProposer"/></asp:HyperLink>

                                
                        </td>

                        <!-- Sơ tuyển --> 
                        <td style="width: 200px;" runat="server" id="frameContentFilter">
                                <asp:Label runat="server" ID="lblPrefixNameFilter"></asp:Label><br />
                                <asp:Label runat="server" ID="lbFilterTime"></asp:Label><br />
                                <asp:Label ID="lblDescriptionFilter" runat="server" CssClass="rpDescription"></asp:Label>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vFilterDesc" Visible="false"> ...xem thêm.</asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vFilterPhoto" Visible="false"><asp:Image runat="server"  ID="thumbnailPhotoFilter"/></asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vFilterAudio" Visible="false"><asp:Image runat="server"  ID="thumbnailAudioFilter"/></asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vFilterVideo" Visible="false"><asp:Image runat="server"  ID="thumbnailVideoFilter"/></asp:HyperLink>

                            <!-- Comment -->
                            <br /><br />
                                <div style="display:none;" id="FrameCommentFilter" runat="server">
                                    <div class="task with-legend">
                                        <div class="legend"><img src="images/icons/fugue/flag.png" width="16" height="16"> Bình luận</div>
                                        <ul class="task-dialog">
                                            <asp:Repeater runat="server" ID="rptCommentFilter">
                                                <ItemTemplate>
                                                    <li>
                                                        <span style="margin: 0 5px;"><a href="Personal.aspx?id=<%#Eval("PersonalCode")%>"><span style="text-decoration:underline;"><%#Eval("CommentBy") %>:</span></a></span><%#Eval("Body") %><span style="margin: 0 5px;text-transform: lowercase;"></span><!-- <em>vào lúc <%#Eval("CreatedDate") %></em> -->

                                                    </li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                            <li runat="server" id="CommentFormFilter" style="display:none">
                                                <form name="task-1-comment" method="post" action="" class="form input-with-button">
                                                    <input type="text" name="comment" value="" title="Enter comment...">
                                                    <input id="Button2" runat="server" class='btnAddComment' type="button" stage='<%#Eval("Stage") %>' profileCode ='<%#Eval("ProfileCode") %>' value="Add" />
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Comment -->
                        </td>
                        
                        <!-- Xác minh --> 
                        <td style="width: 200px;" runat="server" id="frameContentVerifier">
                            <asp:Label runat="server" ID="lblPrefixNameVerifier"></asp:Label><br />
                            <asp:Label runat="server" ID="lbVerifyTime"></asp:Label><br />
                            <asp:Label runat="server" ID="lblVerifingResult"></asp:Label><br />
                                <asp:Label ID="lblDescriptionVerifier" runat="server" CssClass="rpDescription"></asp:Label>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vVerifyDesc" Visible="false"> ...xem thêm.</asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vVerifyPhoto" Visible="false"><asp:Image runat="server"  ID="thumbnailPhotoVerifier"/></asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vVerifyAudio" Visible="false"><asp:Image runat="server"  ID="thumbnailAudioVerifier"/></asp:HyperLink>
                                <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vVerifyVideo" Visible="false"><asp:Image runat="server"  ID="thumbnailVideoVerifier"/></asp:HyperLink>
                            <!-- Comment -->
                            <br /><br />
                                <div style="display:none;" id="FrameCommentVerifier"  runat ="server">
                                    <div class="task with-legend">
                                        <div class="legend"><img src="images/icons/fugue/flag.png" width="16" height="16"> Bình luận</div>
                                        <ul class="task-dialog">
                                            <asp:Repeater runat="server" ID="rptCommentVerifier">
                                                <ItemTemplate>
                                                    <li>
                                                        <span style="margin: 0 5px;"><a href="Personal.aspx?id=<%#Eval("PersonalCode")%>"><span style="text-decoration:underline;"><%#Eval("CommentBy") %>:</span></a></span><%#Eval("Body") %><span style="margin: 0 5px;text-transform: lowercase;"></span><!-- <em>vào lúc <%#Eval("CreatedDate") %></em> -->

                                                    </li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                            <li runat="server" id="CommentFormVerifier" style="display:none">
                                                <form name="task-1-comment" method="post" action="" class="form input-with-button">
                                                    <input type="text" name="comment" value="" title="Enter comment...">
                                                    <input id="Button1" runat="server" class='btnAddComment' type="button" stage='<%#Eval("Stage") %>' profileCode ='<%#Eval("ProfileCode") %>' value="Add" />
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Comment -->
                        </td>

                        <!-- Phê duyệt --> 
                        <td style="width: 200px;" runat="server" id="frameContentApprover">
                            <asp:Label runat="server" ID="lblPrefixNameApprover"></asp:Label><br />
                            <asp:Label runat="server" ID="lbApproveTime"></asp:Label><br />
                            <asp:Label runat="server" ID="lblApproveMoney"></asp:Label><br />
                            <asp:Label ID="lblDescriptionApprover" runat="server" CssClass="rpDescription"></asp:Label>
                            <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vApproveDesc" Visible="false"> ...xem thêm.</asp:HyperLink>
                            <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vApprovePhoto" Visible="false"><asp:Image runat="server"  ID="thumbnailPhotoApprover"/></asp:HyperLink>
                            <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vApproveAudio" Visible="false"><asp:Image runat="server"  ID="thumbnailAudioApprover"/></asp:HyperLink>
                            <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vApproveVideo" Visible="false"><asp:Image runat="server"  ID="thumbnailVideoApprover"/></asp:HyperLink>
                            <!-- Comment -->	
                            <br /><br />
                                <div  style="display:none;" id="FrameCommentApprove"   runat ="server">
                                    <div class="task with-legend">
                                        <div class="legend"><img src="images/icons/fugue/flag.png" width="16" height="16"> Bình luận</div>
                                        <ul class="task-dialog">
                                            <asp:Repeater runat="server" ID="rptCommentApprove">
                                                <ItemTemplate>
                                                    <li>
                                                        <span style="margin: 0 5px;"><a href="Personal.aspx?id=<%#Eval("PersonalCode")%>"><span style="text-decoration:underline;"><%#Eval("CommentBy") %>:</span></a></span><%#Eval("Body") %><span style="margin: 0 5px;text-transform: lowercase;"></span><!-- <em>vào lúc <%#Eval("CreatedDate") %></em> -->

                                                    </li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                            <li runat="server" id="CommentFormApproval" style="display:none">
                                                <form name="task-1-comment" method="post" action="" class="form input-with-button">
                                                    <input type="text" name="comment" value="" title="Enter comment...">
                                                    <input id="Button3" runat="server" class='btnAddComment' type="button" stage='<%#Eval("Stage") %>' profileCode ='<%#Eval("ProfileCode") %>' value="Add" />
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Comment -->
                        </td>

                        <!-- Giải ngân --> 
                        <td style="width: 200px;" runat="server" id="frameContentPayment">
                        <asp:Label runat="server" ID="lbPaymentPerson"></asp:Label><br />
                        <asp:Label runat="server" ID="lbPaymentTime"></asp:Label><br />
                        <asp:Label ID="lblDescriptionPayment" runat="server" CssClass="rpDescription"></asp:Label>
                            <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vPaymentDesc" Visible="false"> ...xem thêm.</asp:HyperLink>
                        <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vPaymentPhoto" Visible="false"><asp:Image runat="server"  ID="thumbnailPhotoPayment"/></asp:HyperLink>
                        <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vPaymentAudio" Visible="false"><asp:Image runat="server"  ID="thumbnailAudioPayment"/></asp:HyperLink>
                        <asp:HyperLink NavigateUrl="javascript:void(0);" runat="server" ID="vPaymentVideo" Visible="false"><asp:Image runat="server"  ID="thumbnailVideoPayment"/></asp:HyperLink>
                        </td>
                        </tr>
                        <tr>
                        <td colspan="6">
                        <div id="pnlDetail<%#Eval("ProfileCode") %>" class="panelDetail" style="display: none;">
                            <div class="bgPnl">
                            <img src="images/exit.png" alt="exit"  onclick="closePanel('<%#Eval("ProfileCode") %>')" class="btn_exit"/>
                            <center>
                                <div id="desc<%#Eval("ProfileCode") %>" style="display: none; line-height: 30px; text-align: left; text-transform: none;"></div>
                                <div id='profileDetail<%#Eval("ProfileCode") %>' style="display: none; line-height: 30px; text-align: left; text-transform: none;"></div>
                                <div id="photo<%#Eval("ProfileCode") %>" style="display: none;"></div>
                                <div id="audio<%#Eval("ProfileCode") %>" style="display: none;"></div>
                                <div id="video<%#Eval("ProfileCode") %>" style="display: none;"></div>
                            </center>
                            </div>
                        </div>
                        </td>
                        </tr>
                    </ItemTemplate>
                  </asp:Repeater>				
				</table>					
			</div></div>
		</section>
	</article>
        <div class="clear">
        </div>
        <div class="footer">
            <span class="">QUỸ TỪ THIỆN TÌNH THƯƠNG TP.HỒ CHÍ MINH</span>
            <br />
            <span class="">15 mai thị lựu - phường đakao - quận 1- tphcm - tel:(08) 3910 7612 - fax:(08) 39107614</span>
            <br />
            <span class="">Website hiển thị tốt nhất trên trình duyệt <b class="">FireFox</b> hoặc <b class="">Chrome</b> với độ phân giải màn hình 1024x768</span>
        </div>
        <div class="clear">
        </div>
    </form>
    <!-- End content -->
    <%--</form>--%>
    <footer>
    <div class="float-left">
       
    </div>
    <div class="float-right">
        <a href="#top" class="button">
            <img src="images/icons/fugue/navigation-090.png" width="16" height="16">
            Page top</a>
    </div>
    </footer>
    <!--
	</form>
	Updated as v1.5:
	Libs are moved here to improve performance
	
	-->
    <script src="http://www.google.com/jsapi"></script>
    <!-- Generic libs -->
    <script src="js/old-browsers.js"></script>
    <!-- remove if you do not need older browsers detection -->
    <script src="js/libs/jquery.hashchange.js"></script>
    <!-- Template libs -->
    <script src="js/jquery.accessibleList.js" type="text/javascript"></script>
    <script src="js/searchField.js" type="text/javascript"></script>
    <script src="js/common.js"></script>
    <script src="js/standard.js"></script>
    <!--[if lte IE 8]><script src="js/standard.ie.js"></script><![endif]-->
    <script src="js/jquery.tip.js"></script>
    <script src="js/jquery.contextMenu.js"></script>
    <script src="js/jquery.modal.js"></script>
    <!-- Custom styles lib -->
    <script src="js/list.js"></script>
    <!-- Plugins -->
    <script src="js/libs/jquery.dataTables.min.js"></script>
    <script src="js/libs/jquery.datepick/jquery.datepick.min.js"></script>
</body>
</html>
